﻿@{
    ViewData["Title"] = "Projects";
}

<div class="normalheader transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>

            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li><a href="@Url.Action("Index", "Dashboard")">Dashboard</a></li>
                    <li>
                        <span>App views</span>
                    </li>
                    <li class="active">
                        <span>Projects</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
                Projects
            </h2>
            <small>List of projects.</small>
        </div>
    </div>
</div>

<div class="content animate-panel">

    <div class="row projects">
        <div class="col-lg-6">
            <div class="hpanel hgreen">
                <div class="panel-body">
                    <span class="label label-success pull-right">NEW</span>
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Desing project</a></h4>

                            <p>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has..
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Hendrix Corp</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.5.2</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>12.06.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 12%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="12" role="progressbar" class=" progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-success">
                                    $1 206,40
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a4.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a7.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="hpanel hyellow">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Project manager app</a></h4>
                            <p>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum..
                            </p>
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Vito Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>3.0.0</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>16.10.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 65%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" role="progressbar" class=" progress-bar progress-bar-warning">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-warning">
                                    $3 600,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a7.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
    </div>

    <div class="row projects">
        <div class="col-lg-6">
            <div class="hpanel hblue">
                <div class="panel-body">
                    <span class="label label-info pull-right">NEW</span>
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Website project</a></h4>
                            <p>
                                Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years,
                                sometimes by accident, sometimes on purpose (injected humour and the like).
                            </p>
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Morph Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>2.5.2</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>10.01.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 43%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="43" role="progressbar" class=" progress-bar progress-bar-info">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-info">
                                    $456,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a4.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="hpanel hgreen">
                <div class="panel-body">
                    <span class="label label-success pull-right">NEW</span>
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Desing project</a></h4>
                            <p>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
                                more-or-less normal distribution of letters, as opposed to using.
                            </p>
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Hendrix Corp</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.5.2</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>12.06.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 12%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="12" role="progressbar" class=" progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-success">
                                    $1 206,40
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a4.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a7.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
    </div>


    <div class="row projects">
        <div class="col-lg-6">
            <div class="hpanel hgreen">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> New branding</a></h4>

                            <p>
                                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Red Agency</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.2.1</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>22.04.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 22%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="22" role="progressbar" class=" progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-success">
                                    $680,00
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="hpanel hgreen">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> New branding</a></h4>

                            <p>
                                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Red Agency</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.2.1</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>22.04.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 22%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="22" role="progressbar" class=" progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-success">
                                    $680,00
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
    </div>


    <div class="row projects">
        <div class="col-lg-6">
            <div class="hpanel hgreen">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Project manager app</a></h4>

                            <p>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum..
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Vito Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>3.0.0</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>16.10.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 65%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" role="progressbar" class=" progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-success">
                                    $3 600,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a7.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="hpanel hred">
                <div class="panel-body">
                    <span class="label label-danger pull-right">DEDLINE</span>

                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Ilustration project</a></h4>

                            <p>
                                All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of
                                over 200 Latin words
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Taco Fresh Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.0.4</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>26.02.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 23%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="23" role="progressbar" class=" progress-bar progress-bar-danger">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-danger">
                                    $456,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
    </div>


    <div class="row projects">
        <div class="col-lg-6">
            <div class="hpanel hred">
                <div class="panel-body">
                    <span class="label label-danger pull-right">DEDLINE</span>

                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Ilustration project</a></h4>

                            <p>
                                All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of
                                over 200 Latin words
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Taco Fresh Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>1.0.4</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>26.02.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 23%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="23" role="progressbar" class=" progress-bar progress-bar-danger">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-danger">
                                    $456,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a5.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a3.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="hpanel hblue">
                <div class="panel-body">
                    <span class="label label-info pull-right">NEW</span>

                    <div class="row">
                        <div class="col-sm-8">
                            <h4><a href=""> Website project</a></h4>

                            <p>
                                Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years,
                                sometimes by accident, sometimes on purpose (injected humour and the like).
                            </p>

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="project-label">CLIENT</div>
                                    <small>Morph Company</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">VERSION</div>
                                    <small>2.5.2</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">DEDLINE</div>
                                    <small>10.01.2015</small>
                                </div>
                                <div class="col-sm-3">
                                    <div class="project-label">PROGRESS</div>
                                    <div class="progress m-t-xs full progress-small">
                                        <div style="width: 43%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="43" role="progressbar" class=" progress-bar progress-bar-info">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 project-info">
                            <div class="project-action m-t-md">
                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"> View</button>
                                    <button class="btn btn-xs btn-default"> Edit</button>
                                    <button class="btn btn-xs btn-default"> Delete</button>
                                </div>
                            </div>
                            <div class="project-value">
                                <h2 class="text-info">
                                    $456,20
                                </h2>
                            </div>
                            <div class="project-people">
                                <img alt="logo" class="img-circle" src="~/Images/a8.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a2.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a1.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a4.jpg">
                                <img alt="logo" class="img-circle" src="~/Images/a6.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    Additional information about project in footer
                </div>
            </div>
        </div>
    </div>

</div>
